<extend name="Base/common"/>
<block name="body">
<style>
#main-container{ min-height: inherit !important;}
</style>
  <!-- 内容区域 -->
  </div>
  </div>
  <div class="Item_brand">
  
  <div class="Item_brand" style="background:#f3f3f3">
  <div id="main-container" class="container">
  <div class="container">

    <div class="col-xs-12" style="background:#ffffff; margin:10px 0 20px 0">
      <div class="theHot clearfix">
        <div class="in-title-top">
        <p></p>
        <div class="in-title-top-con" style="background:#ffffff;" >热门品牌</div>
      </div>
      
        <div class="theHot_c clearfix">
        <volist name="lists" id="vo">
            <a href="{:U('search',array('brand'=>$vo['id']))}" target="_blank" title="{$vo['name']}">
              <dl>
                <dt><img src="{:get_cover($vo['pic'], 'path')}" alt="{$vo['name']}" style="display: inline;"></dt>
                <dd class="">
                  <div><span class="wz">{$vo['name']}</span><span class="span_l" style="height: 0px; width: 0px;"></span><span class="span_r" style="height: 0px; width: 0px;"></span></div>
                </dd>
              </dl>
            </a>
        </volist>
        </div>
      </div>
    </div> </div> </div>
    
    </div>
    <div  class="container">
    <div class="Item_brand">
  <div id="main-container" class="container">
    <div class="col-xs-12">
    <div class="in-title-top">
        <p></p>
        <div class="in-title-top-con" style="background:#ffffff;" >全部品牌</div>
      </div>
    <div class="letters"><strong>按字母筛选：</strong>
      <a href="javascript:;" name="a" class="">A</a>
      <a href="javascript:;" name="b" class="">B</a><a href="javascript:;" name="c" class="">C</a>
      <a href="javascript:;" name="d" class="">D</a><a href="javascript:;" name="e" class="">E</a>
      <a href="javascript:;" name="f" class="">F</a><a href="javascript:;" name="g" class="">G</a>
      <a href="javascript:;" name="h" class="">H</a><a href="javascript:;" name="i" class="">I</a>
      <a href="javascript:;" name="j" class="">J</a><a href="javascript:;" name="k" class="">K</a>
      <a href="javascript:;" name="l" class="">L</a><a href="javascript:;" name="m" class="">M</a>
      <a href="javascript:;" name="n" class="">N</a><a href="javascript:;" name="o" class="">O</a>
      <a href="javascript:;" name="p" class="">P</a><a href="javascript:;" name="q" class="">Q</a>
      <a href="javascript:;" name="r" class="">R</a><a href="javascript:;" name="s" class="">S</a>
      <a href="javascript:;" name="t" class="">T</a><a href="javascript:;" name="u" class="">U</a>
      <a href="javascript:;" name="v" class="">V</a><a href="javascript:;" name="w" class="">W</a>
      <a href="javascript:;" name="x" class="">X</a><a href="javascript:;" name="y" class="">Y</a>
      <a href="javascript:;" name="z" class="">Z</a><a href="javascript:;" name="sz" class="">0-9</a>
      <a href="javascript:;" name=""  class="">全部</a>
    </div>

      <div class="allBrands_c allBrands_c_nogg">
        <div class="letters_cont">
        <php>if(!empty($letter)){</php>
          <dl id="letter_a" style="z-index: 0;">
            <dt>{$letter}</dt>
            <dd>
              <ul class="clearfix">
              <volist name="search" id="vls">
                <li><a href="{:U('search',array('brand'=>$vls['id']))}" target="_blank">{$vls['name']}
                  </a></li>
              </volist>
              </ul>
            </dd>
          </dl>
        <php>}else{</php>
        <volist name="data" id="val">
            <dl id="letter_a" style="z-index: 0;">
            <dt>{$key}</dt>
            <dd>
              <ul class="clearfix">
              <volist name="val" id="vo">
                <li><a href="{:U('search',array('brand'=>$vo['id']))}" target="_blank">{$vo['name']}
                  </a></li>
              </volist>
              </ul>
            </dd>
          </dl>
        </volist>
        <php>}</php>
        </div>
      </div>
    </div>
  </div>
  </div>
</block>
<block name="script">
  <script type="text/javascript">
  seajs.use(['jquery'], function($){
      var letter = "<php> echo strtolower($letter);</php>";
      $(function(){
          if(letter != ''){
              $('.letters a').each(function(key,obj){
                  if($(this).attr('name') == letter){
                      $(this).addClass('onhover');
                  }
              });
          }
          
          $('.letters a').on('click',function(){
              $(this).addClass('onhover').siblings().removeClass('onhover');
              if($(this).text() == '全部'){
                  window.location.href="{:U('brand')}";
              }else{
                  window.location.href="{:U('brand')}"+'?key='+$(this).text();
              }
          });
      });
  });
  </script>
</block>
